<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <script type="text/javascript" src="js/jquery-1.12.4.js"></script>
    <script type="text/javascript">
        $(function () {

            //在获得焦点时候做什么事情 
            /* $('#input01').focus(function (){
               alert("获得焦点");
            }); */

            //获得焦点   让input元素一开始就获得焦点
            $("#input01").focus(); //input 的 autofocus 属性 也可以直接获得焦点

            /*            $("#input01").blur(function(){

                           //获取input元素的value值
                           var sVal = $(this).val();
                           alert("失去焦点");
                           alert(sVal);
                       });
            */
            $("#form1").submit(function () {
                alert("提交");

                return false;  //阻止表单提交
            });



        });
    </script>
    <style type="text/css">


    </style>
    <title>Document</title>
</head>

<body>

    <form action="http://www.baidu.com" id="form1">
        <input type="text" name="dat01" id="input01">
        <input type="text" name="dat02" id="input02">
        <input type="submit" name="" value="提交" id="sub">
    </form>



</body>

</html>